<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="element-plus/index.css">
		<script src="js/vue.js"></script>
		<script src="element-plus/index.full.js"></script>
	</head>
	<body>
		<div id='app'>
			<button>登录</button>
			<el-button size='default' type='prinary'>登录</el-button>
			<el-button size='small' type='warning'>登录</el-button>
			<el-button size='small' type='success'>登录</el-button>
			<hr>
			 <el-rate
			    v-model="value"
			    :texts="['oops', 'disappointed', 'normal', 'good', 'great']"
			    show-text
			  >
			  </el-rate>
			    <hr>
			        <el-form style="width: 400px;margin: 50px auto;" laber-position='right'
					   label-width='100'>
			            <el-form-item label="用户名">
			                <el-input v-model="formInline.user" clearable />
			            </el-form-item>
						
			            <el-form-item label="密码">
			                <el-input v-model="formInline.password" type="password" clearable />
			            </el-form-item>
						
			            <el-form-item>
			                <el-button type="primary">登录</el-button>
			                <el-button type="info">注册</el-button>
			            </el-form-item>
			        </el-form>
		</div>
		<script>
			Vue.createApp({
				data(){
					return{
						value:0,
						formInline: {
						    user: '',
						    password: ''
						}
					}
				}
			}).use(ElementPlus).mount('#app')
		</script>
	</body>
</html>